/**
 * 封装 axios 请求模块
 */
import axios from 'axios'
import store from '@/store'
import JSONbig from 'json-bigint'
import { Toast } from 'vant'

const request = axios.create({
  // baseURL: 'http://ttapi.research.itcast.cn' // 基础路径

  // transformResponse 允许自定义原始的响应数据（字符串）
  transformResponse: [
    function (data) {
      try {
        // 如果转换成功则返回转换的数据结果
        return JSONbig.parse(data)
      } catch (error) {
        // 如果转换失败，则包装为统一数据格式并返回
        return data
      }
    }
  ]
})

// 请求拦截器
request.interceptors.request.use(
  function (config) {
    // config ：本次请求的配置对象
    // config 里面有一个属性：headers
    const { user } = store.state
    if (user && user.token) {
      config.headers.Authorization = `Bearer ${user.token}`
    }
    // 注意: 这里一定 要 return config  ,否则请求就停在这里出不去了
    return config
  },
  function (error) {
    // 如果请求出错了(还没有发出去)会进入这里
    return Promise.reject(error)
  }
)

// 响应拦截器
// 注意是响应拦截器
request.interceptors.response.use(
  function (response) {
    return response
  },
  function (error) {
    console.dir(error)
    const status = error.response.status
    if (status === 400) {
      Toast.fail('客户端参数错误')
    } else if (status === 401) {
      Toast.fail('TOKEN无效')
    } else if (status === 403) {
      Toast.fail('没有权限')
    } else if (status === 404) {
      Toast.fail('资源不存在')
    } else if (status === 405) {
      Toast.fail('请求方法错误')
    } else if (status >= 500) {
      Toast.fail('服务器抽风了')
    }
    // 需要直接返回错误，会走到真正请求的 catch 里面，若省略还是会触发真正请求的 then 回调，then 里面代码出错再走 catch
    return Promise.reject(error)
  }
)

export default request
